<#include "./template.ftl">

<#macro head>
<title>全球移动营销第一平台-Morketing</title>
<link rel="stylesheet" href="${base}/client/css/list.css">
</#macro>
<#macro content>
<div id="contents">
    <div class="list-bar wrap clearfix">
        <div title="" class="f-l list-title list-classic list-classic" style="overflow: hidden">
            <div style="height:100%;width:100%;text-align: center">
                    <img id="cat-list-img-id"  src="${base}/client/images/list-${catClass}.png"/>
            </div>
        </div>
        <#if top2??>
            <#list top2 as t>
                <div title="${t.postTitle}" class="f-r
                        <#if t_index==0>
                            list-big-news
                         </#if>
                         <#if t_index==1>
                            list-small-news
                        </#if>">
                    <a href="${base}/posts/${t.id}" style="display: inline-block;width: inherit;height: inherit;overflow: hidden">
                        <div class="overf"></div>
                        <h2>${t.postTitle}</h2>
                        <#if t_index==0>
                        <div style="height:100%;width:100%;text-align: center">
                            <img src="${base}/system/getImg?imgId=${t.postImg}&h=480&w=720"  alt="">
                        </div>
                        </#if>
                        <#if t_index==1>
                        <div style="height:100%;width:100%;text-align: center">
                            <img  src="${base}/system/getImg?imgId=${t.postImg}&h=264&w=464"  alt="">
                        </div>
                        </#if>
                    </a>
                </div>
            </#list>
        </#if>
    </div>

    <div class="main wrap clearfix" class="${catClass!''}">
        <div class="main-left f-l clearfix">
            <div class="index-tab class-${slug!''}">
                <div class="news-item show">
                    <#if vos??>
                        <#list vos as v>
                            <div class="li-item">
                                <div class="rel ${textColor!''}">${catName!''}</div>
                                <div class="f-l l">
                                    <a href="${base}/posts/${v.id}"style="display: inline-block;width: inherit;height: inherit;overflow: hidden">
                                        <div style="height:inherit;width:160%;margin-left: -30%;text-align: center">
                                            <img style="height:100%;width:auto"  src="${base}/system/getImg?imgId=${v.postImg}&h=168&w=224">
                                        </div>
                                    </a>
                                </div>
                                <div class="cell">
                                    <h2><a href="${base}/posts/${v.id}">${v.postTitle}</a></h2>
                                    <p>${v.postContent}</p>
                                    <div class="tips">
                                        <div class="from"><span class="time">来自:<a href="${base}/profile?userId=${v.postAuthor!''}">${v.postAuthorStr}</a> | ${v.createTimeStr}</span> <span class="view">${v.view}</span></div>
                                        <div class="share">share on： <span class="social-share share-component" data-initialized="true"><a href="http://service.weibo.com/share/share.php?url=file%3A%2F%2F%2FUsers%2Fzhanshanqin%2Fproject%2Fdashboard%2Findex.html&amp;title=%E9%A6%96%E9%A1%B5&amp;pic=file%3A%2F%2F%2FUsers%2Fzhanshanqin%2Fproject%2Fdashboard%2F1cbcd0feb28bd14a067f087f96a82a7c.jpg" class="social-share-icon icon-weibo"></a> <a href="javascript:;" class="social-share-icon icon-wechat"><div class="wechat-qrcode"><h4>微信扫一扫：分享</h4><div class="qrcode"><img src=""></div><div class="help"> </div></div></a></span></div>
                                    </div>
                                </div>
                            </div>
                        </#list>
                    </#if>

                    <div class="index-page">
                        <div class="mod-page">
                            ${pages!''}
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="main-right f-r clearfix">
            <#include "widget/ad.ftl"/>
            <#include "widget/hot_posts.ftl"/>
        </div>

    </div>
</div>
</#macro>
<#macro js>
<script src="${base}/client/js/list.js"></script>
</#macro>